<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.1.0.min.js"></script>
    <script src="jquery-ui-1.12.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="jquery-ui-1.12.0/jquery-ui.css"/>

    <style type="text/css">

    </style>
</head>
<body>
    <ul id="sortable">
        <li id="right">苹果</li>
        <li>香蕉</li>
        <li>桃子</li>
        <li>橘子</li>
    </ul>

    <script>
        $(document).ready(function(){
            $("#sortable").sortable();
        });
    </script>
</body>
</html>

